<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <div class="main">
        <!-- 图片区域 -->
        <div class="banner">
            <div class="sou">
                <span class="iconfont icon-search"></span>
                <input type="text" placeholder="搜索商品或店铺">
            </div>
        </div>
        <div class="xuan">
            <div class="one">
                <img src="../images/icon1.png" alt="">
                <p>购物车</p>
            </div>
            <div class="one">
                <img src="../images/icon2.png" alt="">
                <p>优惠券</p>
            </div>
            <div class="one">
                <img src="../images/icon3.png" alt="">
                <p>我的订单</p>
            </div>
            <div class="one">
                <img src="../images/icon4.png" alt="">
                <p>我的收藏</p>
            </div>
        </div>
        <div class="xuan_2">
            <div class="two">
                <h3>书籍</h3>
                <p>“全场低至5折”</p>
                <img src="../images/pic1.png" alt="">
            </div>
            <div class="two bg2">
                <h3>办公</h3>
                <p class="off">“满299立减100”</p>
                <img src="../images/pic2.png" alt="">
            </div>
            <div class="two bg3">
                <h3>居家</h3>
                <p class="co">“2件8折”</p>
                <img src="../images/pic3.png" alt="">
            </div>
            <div class="two bg4">
                <h3>数码</h3>
                <p class="off">“满千减百”</p>
                <img src="../images/pic4.png" alt="">
            </div>
        </div>
        <div class="re">
            <div class="chao">
                <p>1/2</p>
                <h3>超值热卖</h3>
                <span class="iconfont icon-roundright"></span>
            </div>
            <div class="re_bottom">
                <div class="bo_le">
                    <div class="imge">
                        <img src="../images/pic5.png" alt="">
                    </div>
                    <h3>女士白色长颈鹿T恤</h3>
                    <p>¥<span>69.00</span></p>

                </div>
                <div class="bo_le">
                    <div class="imge">
                        <img src="../images/pic6.png" alt="">
                    </div>
                    <h3>女士白色长颈鹿T恤</h3>
                    <p>¥<span>69.00</span></p>

                </div>
            </div>
        </div>

    </div>
    <footer>
        <div class="foot">
            <span class="iconfont icon-home"></span>
            <p>首页</p>
        </div>
        <div class="foot">
            <span class="iconfont icon-fenlei"></span>
            <p>分类</p>
        </div>
        <div class="foot">
            <span class="iconfont icon-gouwu"></span>
            <p>购物车</p>
        </div>
        <div class="foot">
            <span class="iconfont icon-wode"></span>
            <p>我的</p>
        </div>
    </footer>
    <script src="../js/flexible.js"></script>
</body>

</html>